<include file="Public:header" />
<html>

<head>
    <link rel="stylesheet" type="text/css" href="Public/Mobile/css/Normalize.css">
    <link rel="stylesheet" type="text/css" href="Public/Mobile/css/gamenav.css">
    <link rel="stylesheet" type="text/css" href="Public/Mobile/css/device.css">
    <link rel="stylesheet" type="text/css" href="Public/Mobile/css/lolteams.css">
    <link rel="stylesheet" type="text/css" href="Public/Mobile/css/teamlist.css">
</head>

<body>
    <include file="Public:gheader" />
    <div class="teamlist">
        <!-- 战队导航栏 -->
        <div class="team-h" style="display: none;">
            <ul>
                <li><a <eq name='Think.ACTION_NAME' value='teamsindex'> class="active" </eq> href="{:U('Index/lolteams')}">战队</a></li>
                <li><a <eq name='Think.ACTION_NAME' value='teamlist'> class="active" </eq> href="{:U('Index/teamlist')}">列表</a></li>
                <li><a <eq name='Think.ACTION_NAME' value='sologames'> class="active" </eq> href="{:U('Index/sologames')}">SOLO</a></li>
            </ul>
        </div>
    </div>
    <script type="text/javascript">
    $(function() {
        $(".team-h").fadeIn(300);
    })
    </script>
    <!-- 战队搜索框 -->
    <input type="text" name="tn" placeholder="请输入战队名字" />
    <!-- 战队列表 -->
    <div class="team-list-content">
        <div class="t-list">
            <!-- 战队logo -->
            <div class="t-l-logo">
                <img src="/djzj/data/teamavatar/we.jpg">
            </div>
            <div class="t-l-content">
                <p>电竞之家</p>
                <p><span class="light-blue">大乱斗</span>/<span class="dark-gray">13人</span></p>
                <p><span class="light-blue">助力值：</span><span class="dark-gray">19342</span></p>
            </div>
            <div class="t-l-enter">进入</div>
        </div>
        <div class="t-list">
            <!-- 战队logo -->
            <div class="t-l-logo">
                <img src="/djzj/data/teamavatar/snake.jpg">
            </div>
            <div class="t-l-content">
                <p>电竞之家</p>
                <p><span class="light-blue">大乱斗</span>/<span class="dark-gray">13人</span></p>
                <p><span class="light-blue">助力值：</span><span class="dark-gray">19342</span></p>
            </div>
            <div class="t-l-enter">进入</div>
        </div>
        <div class="t-list">
            <!-- 战队logo -->
            <div class="t-l-logo">
                <img src="/djzj/data/teamavatar/vg.jpg">
            </div>
            <div class="t-l-content">
                <p>电竞之家</p>
                <p><span class="light-blue">大乱斗</span>/<span class="dark-gray">13人</span></p>
                <p><span class="light-blue">助力值：</span><span class="dark-gray">19342</span></p>
            </div>
            <div class="t-l-enter">进入</div>
        </div>
        <div class="t-list">
            <!-- 战队logo -->
            <div class="t-l-logo">
                <img src="/djzj/data/teamavatar/royal.jpg">
            </div>
            <div class="t-l-content">
                <p>电竞之家</p>
                <p><span class="light-blue">大乱斗</span>/<span class="dark-gray">13人</span></p>
                <p><span class="light-blue">助力值：</span><span class="dark-gray">19342</span></p>
            </div>
            <div class="t-l-enter">进入</div>
        </div>
        <div class="t-list">
            <!-- 战队logo -->
            <div class="t-l-logo">
                <img src="/djzj/data/teamavatar/ig.jpg">
            </div>
            <div class="t-l-content">
                <p>电竞之家</p>
                <p><span class="light-blue">大乱斗</span>/<span class="dark-gray">13人</span></p>
                <p><span class="light-blue">助力值：</span><span class="dark-gray">19342</span></p>
            </div>
            <div class="t-l-enter">进入</div>
        </div>
        <div class="t-list">
            <!-- 战队logo -->
            <div class="t-l-logo">
                <img src="/djzj/data/teamavatar/edg.jpg">
            </div>
            <div class="t-l-content">
                <p>电竞之家</p>
                <p><span class="light-blue">大乱斗</span>/<span class="dark-gray">13人</span></p>
                <p><span class="light-blue">助力值：</span><span class="dark-gray">19342</span></p>
            </div>
            <div class="t-l-enter">进入</div>
        </div>
    </div>
    <script type="text/javascript">
    $(".t-l-enter").click(function() {
        $(".team-list-content").animate({
            left: "-100%"
        }, 300, function() {
            window.location.href = "{:U('Index/teamsindex')}";
        })
    })
    </script>
</body>

</html>
